Table layout does not "comunicate" its progress
The progress made by a table model need to be passed to the table layout, otherwise a layout might think no progress is made and skipping an entire page.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>force-page-2.html</title>
<style>
@page {
size: A4;
margin: 2cm;
}
@page wide {
size: A4 landscape;
background: lightblue;
}
html {
font-size: 20pt;
}
table.wide {
border: 2px solid black;
page: wide;
}
table.wide td, table.wide th{
padding: 2mm 5mm;
text-align: right;
border: 1px solid black;
}
</style>
</head>
<body>
<h1>Headline 1</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec augue neque, mattis in dolor sit amet,
pellentesque pulvinar felis. Sed dignissim malesuada ipsum, at dignissim elit. Aliquam quis elit finibus,
eleifend lacus a, laoreet odio. Vivamus vel ligula tincidunt magna tempus porta vitae id ligula. Maecenas viverra,
ante eu congue tristique, justo mi iaculis mi, id fringilla nisi enim eu magna. Cras porttitor, elit sed rutrum mollis,
turpis sapien faucibus justo, ac sollicitudin orci ante a neque. Vestibulum porta est ac leo pretium,
vel sollicitudin mauris sollicitudin. Vestibulum vel volutpat magna. Proin sed orci nec lacus elementum
maximus. Nunc tempor vel turpis ac tempus. Nunc elementum elementum porta. </p>
<table class="wide">
<tr>
<th></th>
<th>1</th>
<th>2</th>
<th>3</th>
<th>4</th>
<th>5</th>
</tr>
<tr>
<th>1</th>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<th>2</th>
<td>2</td>
<td>4</td>
<td>6</td>
<td>8</td>
<td>10</td>
</tr>
<tr>
<th>3</th>
<td>3</td>
<td>6</td>
<td>9</td>
<td>12</td>
<td>15</td>
</tr>
</table>
<h1>Headline 2</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec augue neque, mattis in dolor sit amet,
pellentesque pulvinar felis. Sed dignissim malesuada ipsum, at dignissim elit. Aliquam quis elit finibus,
eleifend lacus a, laoreet odio. Vivamus vel ligula tincidunt magna tempus porta vitae id ligula. Maecenas viverra,
ante eu congue tristique, justo mi iaculis mi, id fringilla nisi enim eu magna. Cras porttitor, elit sed rutrum mollis,
turpis sapien faucibus justo, ac sollicitudin orci ante a neque. Vestibulum porta est ac leo pretium,
vel sollicitudin mauris sollicitudin. Vestibulum vel volutpat magna. Proin sed orci nec lacus elementum
maximus. Nunc tempor vel turpis ac tempus. Nunc elementum elementum porta. </p>
</body>
</html>